@charset "utf-8";
.btn{padding:3px 5px !important; font-size:12px; border-radius:2px;}
/*nav*/
#pcNav ul li{float:left; font-size:16px;}
#pcNav ul li a{display:inline-block; height:60px; line-height:60px; border-top:5px solid #fff; width:120px; text-align:center;}
#pcNav ul li span{display:inline-block; height:65px; line-height:65px;}
#pcNav ul li a:hover,#pcNav ul li a.active{border-top:5px solid #51b44f; color:#51b44f;}

#phoneNav{display:none;}
.navbar{border:none; background:#fff;}
.navbar-brand{padding:0;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background:#51b44f; color:#fff;}

/*banner*/
.carousel-control{background: #222 none repeat scroll 0 0;
    border: 3px solid #fff;
    border-radius: 23px;
    color: #fff;
    font-size: 60px;
    font-weight: 100;
    height: 40px;
    left: 15px;
    line-height: 20px;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 40px;
}
.carousel-control.right {
    left: auto;
    right: 15px;
}
.carousel-control:hover, .carousel-control:focus {
    color: #fff;
    opacity: 0.9;
    text-decoration: none;
}

/*index_title*/
.index_title h1{font-size:24px;}
.index_title h1 span{font-size:12px; color:#999;}

/*products*/
#products .proDiv{border:1px solid #efefef;}
#products .proDiv h2{ background:#efefef; margin-top:0px; padding-top:10px; padding-bottom:10px; font-size:18px;}
#products .proDiv h2 p{font-size:12px; text-align:center; padding:5px; padding-top:10px;}
#products .proDiv .btn{width:100%; border-radius:0; background:#efefef; border:none;}

/*application*/
#app_wrap{background:#ebebeb;}
#application .appRow div{position:relative; overflow:hidden;}
#application .appRow div a{position:absolute; top:55%; left:35%; color:#fff; display:none;}
#application .appRow .app_mask{position:absolute; left:50%; top:50%; margin-left:-160px; margin-top:-90.5px; display:none;}
#application .appRow .col-sm-4:hover .app_mask{display:block;}
#application .appRow .col-sm-4:hover a{display:block;}

/*jianjie*/
#jianjie{background:url(../images/jianjie.png) no-repeat center; height:350px; text-align:center; color:#fff; padding-top:0.1px;}
#jianjie .index_title h1 span{color:#fff;}

/*forum*/
#forum div.fl{width:70%;}
#forum div h3{margin-top:0px; font-size:16px;}
#forum .row p{color:#888;}

/*partners*/
#partners_wrap{background:#ebebeb;}
#partners li{float:left; margin:15px;}

/*phone*/
#phone_wrap{background:#2a2a2a;}

/*footerNav*/
#footerNav{background:#141414; padding-bottom:0.1px;}
#footerNav li{float:left; margin-right:10px; margin-left:10px;}
#footerNav dt{color:#989898; font-size:14px;}
#footerNav dd a{color:#414141; font-size:12px;}
#footerNav dt{margin-top:10px; margin-bottom:10px;}
#footerNav dd{margin-top:5px;}

/*copy*/
#copy{height:40px; line-height:40px; color:#333; background:#000; margin:0px;}



@media (max-width:1200px){
	#pcNav ul li a{width:90px;}
	#application .appRow .app_mask{left:53%;}
}

@media (max-width:995px){
	#pcNav ul li a{width:70px;}
}

@media (max-width:991px){
	#pcNav ul li a{width:70px;}
	#application .appRow .app_mask{left:69%;}
	#forum div.fl{width:60%;}
}

@media (max-width:767px){
	#pcNav{display:none;}
	#phoneNav{display:block}
	.carousel-inner > .item > a > img, .carousel-inner > .item > img{height:150px;}
	#application .appRow .app_mask{left:50%;}
}

@media (max-width:414px){
	#pcNav{display:none;}
	#phoneNav{display:block}
	.carousel-inner > .item > a > img, .carousel-inner > .item > img{height:100px;}
}